<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>

</head>

<body>
    <div class="nav-message">
        <div class="w">
            <div class="logo">logo</div>
            <div class="mes-items">
                <ul>
                    <li class="mes">
                        <a href="javascript:;">简介</a>
                    </li>
                    <li class="ski">
                        <a href="javascript:;">技能</a>
                    </li>
                    <li class="pro">
                        <a href="javascript:;">案例作品</a>
                    </li>
                    <li>
                        <a href="javascript:;">联系方式</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="move">
            <div class="my-message">
                <div class="icon"></div>
                <p class="name">某某某</p>
                <p class="mesc">web前端 / 移动开发师</p>
            </div>
            <div class="skill">
                <div class="w">
                    <p>
                        <span>个人技能</span>
                    </p>
                    <div class="sk-content">
                        <div class="w">
                            <ul>
                                <li>
                                    <span></span>
                                    <p></p>
                                </li>
                                <li>
                                    <span></span>
                                    <p></p>
                                </li>
                                <li>
                                    <span></span>
                                    <p></p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <p>冲冲冲！</p>
                </div>
            </div>
            <div class="case">
                <div class="w">
                    <p>个人案例</p>
                    <div class="production">
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot"></div>
</body>

</html>